<?php
$url = $mosConfig_live_site."/administrator/components/com_content/uploads/";

$sql = "SELECT * FROM #__content WHERE state=1 AND sectionid!=1 AND catid NOT IN(0,15) ORDER BY ordering ASC, id DESC LIMIT 0,10";
$database->setQuery($sql);
$lsNews = $database->loadObjectList();
?>
<div class="content_main">
	<div class="title_main"><span>Tin tức nổi bật</span></div>
	<div class="show_content">
		<div id="listNewsSpecial">
			<ul>
			<?php
			for ($i=0; $i<count($lsNews); $i++){
				$link = sefRelToAbs("index.php?option=com_content&task=view&catid=".$lsNews[$i]->catid."&id=".$lsNews[$i]->id).$lsNews[$i]->title_alias.".html";
				if ($i==0){
				?>
				<li><a href="<?php echo $link;?>" id="showImage<?php echo $lsNews[$i]->id;?>" class="checkShowImage"><?php echo $lsNews[$i]->title;?></a></li>
				<?php	
				} else{
				?>
				<li><a href="<?php echo $link;?>" id="showImage<?php echo $lsNews[$i]->id;?>" class="uncheckShowImage"><?php echo $lsNews[$i]->title;?></a></li>
			<?php 
				}
			}	
			?>
			</ul>
		</div>
		<div id="image_special">
		<?php
		for ($i=0; $i<count($lsNews); $i++){
			$link = sefRelToAbs("index.php?option=com_content&task=view&catid=".$lsNews[$i]->catid."&id=".$lsNews[$i]->id).$lsNews[$i]->title_alias.".html";
			if ($i==0){
				if ($lsNews[$i]->img2!=''){ 
					?>
					<a href="<?php echo $link;?>"><img src="<?php echo $url.$lsNews[$i]->img2;?>" /></a>
					<?php
				}else if ($lsNews[$i]->img!=''){
					?>
					<a href="<?php echo $link;?>"><img src="<?php echo $url.$lsNews[$i]->img;?>" /></a>
					<?php
				}else{
					?>
					<div class="showTextSpecial"><?php echo $lsNews[$i]->introtext;?></div>
					<?php
				}
			} 
		}
		?>
		</div>
	</div>
</div>
<script type="text/javascript">
$(function() {
	<?php 
	for ($i=0; $i<count($lsNews); $i++){
	?>
	$('#showImage<?php echo $lsNews[$i]->id;?>').hover(function() {
		$('#image_special').load('<?php echo $mosConfig_live_site;?>/ajax/loadImageNews.php?id=<?php echo $lsNews[$i]->id;?>');
		$('.checkShowImage').addClass('uncheckShowImage').removeClass('checkShowImage');
		$('#showImage<?php echo $lsNews[$i]->id;?>').addClass('checkShowImage').removeClass('uncheckShowImage');
	});
	<?php }?>
});
</script>